<template>
  <div id="OrdersTitle">
    <v-details
      :inputConfig="inputConfig"
      :detailData="inputData"
      :rules="rules"
      ref="input"
    ></v-details>
  </div>
</template>

<script>
import details from 'commons/Detail'
import baseMixin from "@/mixins/BaseMixin";

export default {
  props: {
    inputData: {
      type: Object,
    }
  },
  mixins: [baseMixin],
  name: "",
  data () {
    return {
      rules: {
        taskdetailkey: [
          { required: true, trigger: 'blur' },
        ],
        tasktype: [
          { required: true, trigger: 'blur' },
        ],
        status: [
          { required: true, trigger: 'blur' },
        ]
      },
    }
  },
  computed: {
    inputConfig () {
      return [
        [
          {
            type: "input",
            label: this.$t('in.taskdetailkey'),
            props: "taskdetailkey",
            disabled: true
          },
          {
            type: "select",
            label: this.$t('outbound.permissiontype'),
            props: "tasktype",
            options: this.getOptions("querycodeLkup/TASKTYPE"),
            disabled: true
          },
          {
            type: "select",
            label: this.$t('common.status'),
            props: "status",
            options: this.getOptions("querycodeLkup/TMSTATUS"),
            disabled: true
          },
          {
            type: "select",
            label: this.$t('in.priority'),
            props: "priority",
            options: this.getOptions("querycodeLkup/TMPRIORITY"),
            disabled: true
          },
        ],
        [
          {
            type: "date",
            label: this.$t('out.starttime'),
            props: "starttime",
            disabled: true
          },
          {
            type: "date",
            label: this.$t('out.endtime'),
            props: "endtime",
            disabled: true
          },
          {
            type: "date",
            label: this.$t('ex.releasedate'),
            props: "releasedate",
            disabled: true
          },
          {
            type: "input",
            label: this.$t('ex.statusmsg'),
            props: "statusmsg",
            disabled: true
          },
        ],
        [
          {
            type: "input",
            label: this.$t('ex.reasonkey'),
            props: "reasonkey",
            disabled: true
          },
          {
            type: "input",
            label: this.$t('ex.userkey'),
            props: "userkey",
          },
          {
            type: "input",
            label: this.$t('ex.userkeyoverride'),
            props: "userkeyoverride",
            disabled: true
          },
        ]
      ]
    },
  },
  methods: {},
  mounted () {
  },
  watch: {},
  components: {
    'v-details': details
  }
}
</script>

<style scoped>
</style>
